<template>
	<view class="pre-page">
		<lexiconNavVue title="拼词之星" :showBack="false" />
		<view class="pre-title">个人信息保护政策</view>
		<view class="p">
			感谢您信任并使用拼词之星的产品和服务。我们根据最新的法律法规、监管政策要求，更新了《隐私政策》，特向您推送本提示。请您仔细阅读并充分理解相关条款。拼词之星会通过《隐私协议》 我们可能会申请系统设备权限收集设备MAC地址、软件安装列表SD卡数据信息,OAID,通讯录,相机权限,存储图片权限,剪贴板和短信行为以及收集用户数据信息。
		</view>
		<view class="p">点击【同意并继续】，表示您已阅读且同意
			<span @click="to1">《用户注册协议》</span>、<span @click="to2">《用户隐私政策》</span>
			拼词之星将尽全力保障您的合法权益并继续为您提供优质的产品和服务。
		</view>
		<view class="p">
			特别说明:请确保孩子在使用App前，已经获取监护人的同意。
		</view>
		
		<view class="btns">
			<view class="btn1 btn" @click="exitApp">不同意</view>
			<view class="btn2 btn" @click="agreeFn">同意并继续</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isFirstIn: false, // 用于控制隐私弹窗显隐
			};
		},
		
		onLoad() {
			// 个人隐私协议弹窗
			const isFirstIn = uni.getStorageSync('isFirstIn')
			if (!isFirstIn) {
				this.isFirstIn = true
			} else {
				this.isFirstIn = false
			}
			console.log(isFirstIn)
			if (isFirstIn) {
				this.handleToIndex()
			}
		},
		methods: {
			to1() {
				uni.navigateTo({
					url: '/pages/tabbar/userCenter/userAgreement'
				})
			},
			to2() {
				uni.navigateTo({
					url: '/pages/tabbar/userCenter/privacyPolicy'
				})
			},
			agreeFn() {
				uni.setStorageSync('isFirstIn', '1')
				this.handleToIndex()
			},
			handleToIndex() {
				uni.$emit("agreePrivacyPolicy", true)
				uni.switchTab({
					url: "/pages/tabbar/home/index"
				})
			},
			exitApp() {
				switch (uni.getSystemInfoSync().platform) {
					case 'android':
						plus.runtime.quit();
						break;
					case 'ios':
						plus.ios.import('UIApplication').sharedApplication().performSelector('exit');
						break;
				}
			}
		}
	}
</script>

<style lang="less">
.pre-page{
	background-color: #fff8e1;
	height: 100vh;
	overflow-y: auto;
	padding-left: 20px;
	padding-right: 20px;
	color: #000;
	font-size: 16px;
}
.p{
	margin-top: 16px;
	line-height: 28px;
	span{
		color: #f8b92f;
	}
}
.pre-title{
	font-size: 18px;
	font-family: hzgb;
	text-align: center;
	margin: 20px 0 0;
}
.btns {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin: 60px 0 40px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	font-family: hzgb;
	.btn {
		width: 140px;
		height: 40px;
		text-align: center;
		line-height: 32px;
		padding-top: 6px;
		font-size: 16px;
		border-radius: 10px;
	}

	.btn1 {
		background: linear-gradient(to top, #130e00, #373632);
		box-shadow: 0 6px 0 0 #363531;
		color: #fff;
	}

	.btn2 {
		background: linear-gradient(to bottom, #ffd16b, #fff497);
		box-shadow: 0 6px 0 0 #d9b059;
		color: #000;
	}
}
</style>
